<template>
<div class="bot-line"></div>
  <div class="friend-body">
    <div class="songs">
      <div class="backpic1">
        <div class="pic1">
          <h3></h3>
          <a href="javascript:;" @click="addModal = true"></a>
        </div>
      </div>
    </div>
  </div>
  <model-slot v-model:modelValue="addModal">
    <div class="tel-login">
      <div class="tel-input">
      <a href="javascript:;">
        <span>+86</span>
        <span><i></i></span>
      </a>
      <input type="tel" placeholder="请输入手机号">
      </div>
      <input type="text" placeholder="请输入验证码">
      <button @click="send">获取验证码</button>
      <div class="login-btn">
        <a href="javascript:;" class="login-btn-bg" @click="login">登录</a>
      </div>
    </div>
  </model-slot>
</template>

<script>
import modelSlot from "../components/modelSlot.vue";
export default {
  components: { modelSlot },
  data() {
    return {
      addModal: false,
    };
  },
};
</script>

<style lang="less" scoped>
</style>